<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:ez="http://java.sun.com/jsf/composite/ezcomp">

    <h:head>
        <title>My Login Page</title>  
    </h:head>
    <h:body>
        <h2>Login Component</h2>

        <!-- press CTRL-SHIFT-p for page debugging information -->
        <ui:debug hotkey="p" rendered="true"/>

        <h:form>

            <div id="compositeComponent">
                <ez:LoginPanel myLoginBean="#{myLoginBean}" 
                               loginAction="#{myLoginBean.login}">
                     <f:validateLength maximum="10" minimum="4" for="vals" />
                     <f:validateRegex pattern="((?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{4,10})"
                                      for="passwordVal"/>
                </ez:LoginPanel>
            </div>

        </h:form>

    </h:body>
</html>

